<?php $this->headLink()->appendStylesheet($this->baseUrl() . '/css/offer.css') ?>
<?= $this->render('offer/add-breadcrumbs.phtml') ?>
<h4><?= $this->translate('XXX_OFFER_ADD_STEP_TYPE_TITLE') ?></h4>
<div class="offer_add row-fluid">
    <div class="row-fluid type thumbnails">
        <div class="span6">
            <div class="thumbnail">
                <img src="/graph/offer/type-free.png" alt="" />
                <div class="caption">
                    <ul>
                        <li>czas trwania 7 dni i brak możliwości przedłużenia</li>
                        <li>długość treści ogłoszenia do 300 znaków</li>
                        <li>prosty edytor tekstowy</li>
                        <li>możliwość dodania tylko 1 zdjęcia</li>
                    </ul>
                    <div class="actions">
                        <a class="btn btn-large btn-primary" href="<?= $this->url(array('controller' => 'offer', 'action' => 'add', 'token' => $this->token, 'type' => 'free'), 'default', true) ?>">Wybieram</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="span6">
            <div class="thumbnail">
                <img src="/graph/offer/type-paid.png" alt="" />
                <div class="caption">
                    <ul>
                        <li>wyróżnione innym kolorem na liście ogłoszeń</li>
                        <li>zawsze znajdują się na początki ogłoszeń z danego dnia</li>
                        <li>dłogość treści ogłoszenia wynosi aż do 800 znaków</li>
                        <li>możesz dołączyć aż 5 zdjęć do ogłoszenia</li>
                        <li>czas wyświetlania ogłoszenia to aż 30 dni z możliwością przedłużenia</li>
                    </ul>
                    <div class="actions">
                        <a class="btn btn-large btn-primary" href="<?= $this->url(array('controller' => 'offer', 'action' => 'add', 'token' => $this->token, 'type' => 'paid'), 'default', true) ?>">Wybieram</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>